import React from 'react';

import { CSSTransition } from 'react-transition-group';
import './index.scss';

interface AnimeCompProps {
	inProp: boolean;
	children: React.ReactNode;
}

const AnimeComp: React.FC<AnimeCompProps> = props => {
	return (
		<CSSTransition in={true} timeout={300} classNames="fade" unmountOnExit>
			<div className="fade-component">{props.children}</div>
		</CSSTransition>
	);
};

export default AnimeComp;
